<include file="public:header" />
<include file="public:left" />
<style>
    th,td {
        text-align: center;
    }
</style>
<style type="text/css" src="__STATIC__/admin/css/style.css" ></style>
<style type="text/css" src="__STATIC__/admin/js/laydate/need/laydate.css" ></style>
<script src="__STATIC__/admin/js/laydate/laydate.js"></script>
<section>
    <div class="page_title">
        <h2 class="fl">推广列表</h2>
        <a href="{:url('Ad/edit')}" style="float: right;">添加</a>
    </div>
    <table class="table">
        <tr>
            <th>排序</th>
            <th>标题</th>
            <th>类型</th>
            <th>创建时间</th>
            <th>状态</th>
            <th>操作</th>
        </tr>

        <volist name="list" id="vo" key="k">
        <tr>
            <td>{$k}</td>
            <td>{$vo.title}</td>
            <td>
                <switch name="vo.type">
                    <case value="1">商品</case>
                    <case value="2">文章</case>
                </switch>
            </td>
            <td>{$vo.create_time|date="Y-m-d H:i:s",###}</td>
            <td>
                <switch name="vo.is_show">
                    <case value="1">显示</case>
                    <case value="2">隐藏</case>
                </switch>
            </td>
            <td>
                <a href="{:url('Ad/edit',array('id'=>$vo['id']))}" class="inner_btn">编辑</a>
                <a href="{:url('ad/del',array('id'=>$vo['id']))}" class="inner_btn">删除</a>
            </td>
        </tr>
        </volist>
    </table>
</section>

<!--tabStyle-->
<script>
    $(document).ready(function() {
        //tab
        $(".admin_tab li a").click(function() {
            var liindex = $(".admin_tab li a").index(this);
            $(this).addClass("active").parent().siblings().find("a").removeClass("active");
            $(".admin_tab_cont").eq(liindex).fadeIn(150).siblings(".admin_tab_cont").hide();
        });

        laydate({
            elem: '#start_date', //目标元素。由于laydate.js封装了一个轻量级的选择器引擎，因此elem还允许你传入class、tag但必须按照这种方式 '#id .class'
            format: 'YYYY-MM-DD hh:mm:ss',
            istime: true,
            event: 'focus' //响应事件。如果没有传入event，则按照默认的click
        });
        laydate({
            elem: '#end_date', //目标元素。由于laydate.js封装了一个轻量级的选择器引擎，因此elem还允许你传入class、tag但必须按照这种方式 '#id .class'
            format: 'YYYY-MM-DD hh:mm:ss',
            istime: true,
            event: 'focus' //响应事件。如果没有传入event，则按照默认的click
        });
    });


</script>

</div>
</section>
</body>

</html>